<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib prefix="rapid" uri="http://www.rapid-framework.org.cn/rapid"%>

<rapid:override name="title">
        - 分类列表
    </rapid:override>
<rapid:override name="header-style">
	<style>
/*覆盖 layui*/
.layui-input-block {
	margin: 0px 10px;
}

.layui-table {
	margin-top: 0;
}

.layui-col-md4 {
	padding: 10px;
}

.layui-col-md8 {
	padding: 10px;
}

.layui-btn {
	margin: 2px 0 !important;
}
</style>
</rapid:override>

<rapid:override name="frame-content">

<blockquote class="layui-elem-quote">
	<span class="layui-breadcrumb" lay-separator="/"> <a
		href="/admin">首页</a> <a href="/admin/category">分类列表</a> <a><cite>添加分类</cite></a>
	</span>
</blockquote>
<div class="layui-row">
	<div class="layui-col-md4">
		<form class="layui-form" method="post" id="myForm"
			action="category/add">
			<div class="layui-form-item">
				<div class="layui-input-block">
					<strong>添加分类</strong>
				</div>
				<div class="layui-input-block">
					名称 <span style="color: #FF5722;">*</span> <input type="text"
						name="categoryName" placeholder="请输入分类名称" autocomplete="off"
						class="layui-input" required>
				</div>
				<br>
				<div class="layui-input-block">
					父节点 <span style="color: #FF5722;">*</span> <select
						name="categoryPid" class="layui-input" required>
						<option value="0">无</option>
						<c:forEach items="${listAndcountCategory}" var="c">
							<c:if test="${c.categoryPid==0}">
								<option value="${c.categoryId}">${c.categoryName}</option>
							</c:if>
						</c:forEach>
					</select>
				</div>
				<br>
				<div class="layui-input-block">
					<button class="layui-btn" lay-filter="formDemo" type="submit">添加</button>
				</div>
			</div>
		</form>
	</div>
	<div class="layui-col-md8">
		<table class="layui-table">
			<colgroup>
				<col width="300">
				<col width="100">
				<col width="100">
				<col width="100">
				<col width="50">
				<col width="50">
			</colgroup>
			<thead>
				<tr>
					<th>名称</th>
					<th>文章数</th>
					<th>操作</th>
					<th>ID</th>
					<th>pid</th>
				</tr>
			</thead>
			<tbody>
				<c:forEach items="${listAndcountCategory}" var="c">
					<c:if test="${c.categoryPid==0}">
						<tr>
							<td><a href="/category/${c.categoryId}" target="_blank">${c.categoryName}</a>
							</td>
							<td><a href="/category/${c.categoryId}" target="_blank">${c.articleCount}</a>
							</td>
							<td><a href="category/update/${c.categoryId}"
								class="layui-btn layui-btn-mini">编辑</a> <c:if
									test="${c.articleCount==0}">
									<a href="javascript:void(0)" 
										class="layui-btn layui-btn-danger layui-btn-mini"
										onclick="deleteCategory(${c.categoryId})">删除</a>
								</c:if></td>
							<td>${c.categoryId}</td>
							<td>${c.categoryPid}</td>
						</tr>
						<c:forEach items="${listAndcountCategory}" var="c2">
							<c:if test="${c2.categoryPid==c.categoryId}">
								<tr>
									<td><a href="/category/${c2.categoryId}" target="_blank">——${c2.categoryName}</a>
									</td>
									<td><a href="/category/${c2.categoryId}" target="_blank">${c2.articleCount}</a>
									</td>
									<td><a href="category/update/${c2.categoryId}"
										class="layui-btn layui-btn-mini">编辑</a> <c:if
											test="${c2.articleCount==0}">
											<a href="javascript:void(0)" 
												class="layui-btn layui-btn-danger layui-btn-mini"
												onclick="deleteCategory(${c2.categoryId})">删除</a>
										</c:if></td>
									<td class="cate-parent">${c2.categoryId}</td>
									<td>${c2.categoryPid}</td>
								</tr>
							</c:if>
						</c:forEach>
					</c:if>


				</c:forEach>
			</tbody>
		</table>
		<blockquote class="layui-elem-quote layui-quote-nm">
			温馨提示：
			<ul>
				<li>分类最多只有两级，一级分类pid=0，二级分类pid=其父节点id</li>
				<li>如果该分类包含文章，将不可删除</li>
			</ul>
		</blockquote>
	</div>
</div>






</rapid:override>
<rapid:override name="frame-footer-script">
<script>
	function confirmDelete() {
	var msg = "您确定要删除吗？";
	    if (confirm(msg)==true){
	        return true;
	    }else{
	        return false;
	    }
	}
	
	function deleteCategory(id) {
	    if(confirmDelete()==true){
	    	
	        $.ajax({
	        	async: false,
	            url:'category/delete/'+id,
	            complete:function(){
	            	window.location.reload();
	            }
	        })
	    }
	}
	
	</script>
	
</rapid:override>

<%@ include file="../framework.jsp"%>
